<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
      xmlns:b="http://bootsfaces.net/ui">
    <f:view contentType="text/html">
        <h:head>
            <link rel="icon" type="ico" href="resources/images/favicon.ico" /> 
            <style>
                @import url('resources/css/default.css');
            </style>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>sitemas básicos</title>
            </f:facet>
            <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" ></meta>
        
            <link type="text/css" rel="stylesheet" href="resources/css/bootstrap.css" />

            <script type="text/javascript" src="resources/js/bootswatch.js"/>
            <script type="text/javascript" src="resources/js/jquery-1.10.2.min.js"></script>



            <!-- Latest compiled and minified JavaScript -->
            <script type="text/javascript" src="resources/js/bootstrap.min.js"></script>
            <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
            <!--[if lt IE 9]>
              <script src="resources/js/html5shiv.js"></script>
              <script src="resources/js/respond.min.js"></script>
            <![endif]-->
        </h:head>   

        <h:body class="main_login">
            
        <b:container>
            <b:row>
                <b:column>
                    <b:panel>
                    <f:facet name="heading">
                        <center><h:outputText value="Ingreso al sistema" /></center>
                        
                    </f:facet>
                    
                    <h:form >
                        <center>
                        <p:growl id="growl" showDetail="true" sticky="true" />  
                        <b:alert severity="success" closable="true" rendered="false"><strong>Well done!</strong> You successfully read this important alert message.</b:alert>
                        <img src="resources/images/LOGO.jpg" width="200" height="200" alt="" class="logo_420" />
                        
                        <b:inputText value="#{login.usuario}" maxlength="20">
                            <f:facet name="prepend">
                                <h:outputText value="Usuario" />
                            </f:facet>
                        </b:inputText>
                        <b:inputText value="#{login.password}" maxlength="20" type="pass">
                            <f:facet name="prepend">
                                <h:outputText value="Clave" />
                            </f:facet>
                        </b:inputText>

                        <b:commandButton action="#{login.login_user}" value="Acceder" style="width: 100%;" >
                        </b:commandButton>
                        
                        </center>
                    </h:form>
                    
                </b:panel>
                
                </b:column>
            </b:row>
        </b:container>
            
        </h:body>
</f:view>   
            

</html>
